<!-- 任务栏初步完成，还需要能够删除任务，点击复选框之后字体上方添加删除线，代表已完成，同时移动到最末尾 -->
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>拨动时间</title>
        <link rel="icon" href="../img/logo.png" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="style.css">
        <script src="../bootstrap-4.6.2-dist_and_jQuery/js/jquery-3.7.0.js"></script>
    </head>
    <body>
        <audio id="clockmusic" src="../music/闹铃.mp3"></audio>
        <div class="dropdown">
            <input type="button" value="三">
            <ul class="dropbtn">
                <li id="1">设置闹钟</li>
                <li id="2">切换a.m./p.m.</li>
                <li id="3">切换时钟颜色</li>
            </ul>
        </div>
        <div class="left-contain">
            <canvas id="clockCanvas"></canvas>
        </div>
        
        <div class="right-contain">
            <div class="clocklist" id="clocklist">

            </div>
            <div class="buttongroup">
                <button class="setclock2" onclick="setclock2(30)">30</button>
                <button class="setclock" onclick="setclock()">+</button>
                <button class="setclock2" onclick="setclock2(60)">60</button>
            </div>
            
            <div class="todolist" id="todolist">

            </div>
            <div class="inputtodo">
                <input type="text" name="todo" id="todoinput" placeholder="请输入待办事项">
                <button onclick="addtodo()">✔</button>
            </div>
            
        </div>
        <script src="clock.js"></script>
        <script src="script.js"></script>
    </body>
</html>